/******** Layout ********/

#privacyContainer {
  visibility: hidden;
  position:fixed;
  left:0;
  bottom:0;
  padding: 20px;
  width:100%;
  z-index:999999 !important;
  background:#efefef;
  box-shadow:0 5px 5px 5px #ccc;
  color:#2a2a2a;
  font:15px Arial, Helvetica, sans-serif;
}
#privacyContainer hr {
  margin:20px 0;
}
#privacyContainer .section-1 {
  display: table;
}
#privacyContainer .section-2 {
  display: block;
}
#privacyContainer section {
  margin:0 auto;
  text-align:justify;
}
#privacyContainer section h2 {
  margin:0 0 10px 0;
  padding:0;
  font-weight:bold;
  font-size:1.4em;
}
#privacyContainer section h2:after {
  display:none;
}
#privacyContainer section h3 {
  margin:0 0 10px 0;
  padding:0;
  font-size:14px;
  font-weight:bold;
}
#privacyContainer section p {
  margin:0 0 10px 0;
}
#privacyContainer table.tableCk {
  width:100%;
  border-collapse:collapse;
}
#privacyContainer table.tableCk th {
  padding:4px;
  background:#efefef;
  font-weight:normal;
  border-bottom:1px solid #ccc;
}
#privacyContainer table.tableCk td {
  padding:4px;
  vertical-align:top;
  border-bottom:1px solid #efefef;
}
#privacyContainer .btCk-container {
  padding:15px 0 0 0;
  text-align:right;
}

#privacyContainer .text-container {
  display: table-cell;
}

#privacyContainer .btCk {
  display:inline-block;
  padding:7px 12px;
  text-decoration:none;
  cursor:pointer;
  font-size:15px;
  border:0;
  border-radius:4px !important;
  line-height:1.2;
  color:#ffffff;
}
#privacyContainer .btCk:focus {outline:0;}
#privacyContainer .fLeft {float:left;}

/* top tabs */
#privacyContainer .tabCk-wrap {
  max-width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  position: relative;
  list-style:none;
  margin-top:20px;
  -webkit-transition:0.3s box-shadow ease;
  transition:0.3s box-shadow ease;
  border-radius:6px;
  background-color:#fff;
}
#privacyContainer .tabCk {
  display:none;
}
#privacyContainer .tabCk:checked:nth-of-type(1) ~ .tabCk__content:nth-of-type(1) {
  opacity:1;
  -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition:0.5s opacity ease-in, 0.8s transform ease;
  transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position:relative;
  top:0;
  z-index:100;
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
  text-shadow:0 0 0;
}
#privacyContainer .tabCk:checked:nth-of-type(2) ~ .tabCk__content:nth-of-type(2) {
  opacity:1;
  -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition:0.5s opacity ease-in, 0.8s transform ease;
  transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position:relative;
  top:0;
  z-index:100;
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
  text-shadow:0 0 0;
}
#privacyContainer .tabCk:checked + label {
  cursor:default;
  background-color:#fff;
  box-shadow:0 -1px 0 #fff inset;
}
#privacyContainer .tabCk + label {
  cursor:pointer;
  display:block;
  text-decoration:none;
  -webkit-box-flex:2;
  -ms-flex-positive:2;
  flex-grow:2;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  text-align:center;
  height:40px;
  box-sizing:border-box;
  padding:10px;
  box-shadow:0 -1px 0 #eee inset;
  border-radius:6px 6px 0 0;
  color:#333;
  background-color:#f2f2f2;
  -webkit-transition:0.3s background-color ease, 0.3s box-shadow ease;
  transition:0.3s background-color ease, 0.3s box-shadow ease;
}
#privacyContainer .tabCk__content {
  padding:10px;
  position:absolute;
  width:100%;
  z-index:-1;
  opacity:0;
  left:0;
  -webkit-transform:translateY(-3px);
  transform:translateY(-3px);
  border-radius:6px;
}
#privacyContainer .tabCk__content .tabHcontent {
  height:200px;
  overflow-y:auto;
}
#privacyContainer .tabCk__content .tabHcontent p {
  font-size:14px;
  line-height:1.3em;
}

/* side tabs */
#privacyContainer .tabsCk-container {
  position:relative;
  min-width:150px;
  float:left;
  z-index:20;
  background:#efefef;
}
/* tabs names */
#privacyContainer .tabsCk-container label {
  position:relative;
  padding:10px 4px;
  margin:0;
  display:block;
  cursor:pointer;
  user-select:none;
  overflow:hidden;
  font-weight:normal;
  border-bottom:1px solid rgba(0, 0, 0, 0.1);
  font-size:13px;
}
#privacyContainer .tabsCk-container label input {
  margin-right:5px;
}

/* Content area for tabs */
#privacyContainer .tab-contentCk {
  position:relative;
  height:auto;
  overflow-y:auto;
  padding:0 0 0 10px;
  box-sizing:border-box;
  z-index:19;
  display:none;
  font-size:13px;
}
#privacyContainer .tab-contentCk p {
  font-size:13px;
  line-height:1.2em;
}
#privacyContainer .tab-contentCk:after{
  content: "";
  clear: both;
}
/* Hide input radio from users */
#privacyContainer input[name="tab"] {
  display: none;
}
/* Show tab when input checked */
#privacyContainer input[name="tab"]:checked + .tab-contentCk {
  display: block;
  animation: fadeIn 1.2s forwards;
}
/* Slide animation for tab contents */
@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@media screen and (max-width:768px) {
  #privacyContainer {
    padding:20px 10px;
    width:calc(100% - 20px);
  }
  #privacyContainer .tab-contentCk {
    width:calc(100% - 170px);
  }
  #privacyContainer .tableResponsive {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
  }
  #privacyContainer .section-1 {
    display: block;
  }
  #privacyContainer .primaryBt {
    width: 49%;
    text-align: center;
    float: left;
  }
  #privacyContainer .secondaryBt {
    width: 49%;
    text-align: center;
  }
}


/******** Look & Feel ********/

#privacyContainer .primaryBt {background:#1c829c;}
#privacyContainer .secondaryBt {
  color:#333;
  background:transparent;
}

/* top tabs */
#privacyContainer .tabCk:first-of-type:not(:last-of-type) + label {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
#privacyContainer .tabCk:not(:first-of-type):not(:last-of-type) + label {
  border-radius:0;
}
#privacyContainer .tabCk:last-of-type:not(:first-of-type) + label {
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
#privacyContainer .tabCk:checked + label:hover {
  box-shadow:0 -1px 0 #fff inset;
  background-color:#fff;
}
#privacyContainer .tabCk + label:hover {
  background-color:#f9f9f9;
  box-shadow:0 1px 0 #f4f4f4 inset;
}

/* Hover effect on tabs names */
#privacyContainer .tabsCk-container label:hover{
  background: #fff;
}

/* Custom */
#privacyContainer .tabCategory {
  display: flex;
}

#privacyContainer .tabDescription {
  margin-left: 24px;
  margin-bottom: 5px;
}

#privacyContainer .tabDescription label {
  font-weight: bold;
}